<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
  	<title>评分编辑</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="icon" type="image/x-icon" href="/survey/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="/survey/css/markinfo/editinfo.css"/>
	<script type="text/javascript" src="/survey/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/survey/js/markinfo/editinfo.js"></script>
  </head>
  <body>
    <div th:replace="navigation::navigation"></div>
    <div id="main">
      <div id="title1">沙井信息</div>
      <div id="value1">
      <img id="logo" src="/survey/img/mlogo.png">
      <div id="idms">IDMS Manhole Record Card</div>
      <table id="table1" class="table">
        <tr>
          <td class="ncell" colspan="9"></td>
          <td class="ncell" colspan="3"></td>
          <td class="ncell">(1) Node ref.</td>
          <td class="ycell" colspan="2" th:text="${manhole.node}"></td>
        </tr>           
       <tr>                 
          <td class="icell">(6) Project no.</td>
          <td class="ycell" colspan="3" th:text="${manhole.projectno}"></td>
          <td class="icell">(8) IDMS Manhole ID.</td>
          <td class="ycell" colspan="4" th:text="${manhole.manholeid}"></td>
          <td class="ncell" colspan="3"></td>
          <td class="ncell">(2) Grid ref.</td>
          <td class="ycell" colspan="2">
            <div th:text="${'X：' + manhole.gridx}"></div>
            <div th:text="${'Y：' + manhole.gridy}"></div>
          </td>
        </tr>               
        <tr>                
          <td class="icell">(7) WO no.</td>
          <td class="ycell" colspan="3" th:text="${manhole.workorder}"></td>
          <td class="icell">(9) DSD ref.</td>
          <td class="ycell" colspan="4" th:text="${manhole.drainage}"></td>
          <td class="ncell" colspan="3"></td>
          <td class="ncell">(3) Drainage area code</td>
          <td class="ycell" colspan="2" th:text="${manhole.areacode}"></td>
        </tr>               
        <tr>                
          <td class="icell">(10) Location</td>
          <td class="ycell" colspan="8" th:text="${manhole.location}"></td>
          <td class="ncell" colspan="3"></td>
          <td class="ncell">(4) Survey by</td>
          <td class="ycell" colspan="2" th:text="${manhole.surveyname}"></td>
        </tr>
        <tr>
          <td class="ncell"></td>
          <td class="ncell">(11) Year laid<br>YYYY</td>
          <td class="ycell" th:text="${manhole.yearlaid}"></td>
          <td class="ncell">(12) Status*</td>
          <td class="ycell" th:text="${manhole.status}"></td>
          <td class="ncell">(13)Function*</td>
          <td class="ycell" th:text="${manhole.method}"></td>
          <td class="ncell">(14) Node type*</td>
          <td class="ycell" th:text="${manhole.nodetype}"></td>
          <td></td>
          <td align="center"><br/>(dia.) (mm)</td>
          <td></td>
          <td class="ncell">(5) Survey date (DD/MM/YYYY)</td>
          <td class="ycell" colspan="2" th:text="${manhole.surveydate}"></td>
        </tr>
        <tr>
          <td width="100px" class="ncell"><span style="font-weight:600">COVER</span></td>
          <td width="100px" class="ncell">(15) Shape*</td>
          <td width="100px" class="ycell" th:text="${manhole.shape}"></td>
          <td width="100px" class="ncell">(16) Hinged</td>
          <td width="100px" class="ycell" th:text="${manhole.hinge}"></td>
          <td width="100px" class="ncell">(17) Lock</td>
          <td width="100px" class="ycell" th:text="${manhole.locker}"></td>
          <td width="100px" class="ncell">(18) Duty*</td>
          <td width="100px" class="ycell" th:text="${manhole.duties}"></td>
          <td width="100px" class="ncell">(19) Cover size</td>
          <td width="120px" class="cella" th:text="${manhole.cover1}"></td>
          <td width="50px" class="cellb">*</td>
          <td width="120px" class="cellc" th:text="${manhole.cover2}"></td>
          <td width="120px" class="ncell">(29) Toxic atmosphere</td>
          <td width="50px" class="ycell" th:text="${manhole.toxic}"></td>
        </tr>
        <tr>
          <td class="ncell"><span style="font-weight:600">SHAFT</span></td>
          <td class="ncell">(20) Side entry</td>
          <td class="ycell" th:text="${manhole.side}"></td>
          <td class="ncell">(21) Regular course</td>
          <td class="ycell" th:text="${manhole.course}"></td>
          <td class="ncell">(22) Depth (mm)</td>
          <td class="ycell" th:text="${manhole.depths}"></td>
          <td class="ncell"></td>
          <td class="ncell"></td>
          <td class="ncell">(23) Shaft size</td>
          <td class="celld" th:text="${manhole.shaft1}"></td>
          <td class="celle">*</td>
          <td class="cellf" th:text="${manhole.shaft2}"></td>
          <td class="ncell">(30) Evidence of vermin</td>
          <td class="ycell" th:text="${manhole.evidences}"></td>
        </tr>
        <tr>
          <td class="ncell"><span style="font-weight:600">CHAMBER</span></td>
          <td class="ncell">(24) Soffit*</td>
          <td class="ycell" th:text="${manhole.soffit}"></td>
          <td class="ncell">(25) Steps</td>
          <td class="ycell" th:text="${manhole.steps}"></td>
          <td class="ncell">(26) Ladders</td>
          <td class="ycell" th:text="${manhole.ladder}"></td>
          <td class="ncell">(27) LNDGS</td>
          <td class="ycell" th:text="${manhole.lndgs}"></td>
          <td class="ncell">(28) Chamber size</td>
          <td class="cellg" th:text="${manhole.csize1}"></td>
          <td class="cellh">*</td>
          <td class="celli" th:text="${manhole.csize2}"></td>
          <td class="ncell">(31) Construct code *</td>
          <td class="ycell" th:text="${manhole.construct}"></td>
        </tr>
        <tr style="height:10px;"><td class="ncell" colspan="15"></td></tr>
        <tr>
          <td class="ncell"></td>
          <td class="ncell">(32) Depth of flow (mm)</td>
          <td class="ycell" th:text="${manhole.depthflow}"></td>
          <td class="ncell">(33) Depth of silt (mm)</td>
          <td class="ycell" th:text="${manhole.depthsilt}"></td>
          <td class="ncell">(34) Height surch (mm)</td>
          <td class="ycell" th:text="${manhole.height}"></td>
          <td class="ncell">(61) MH depth (m)</td>
          <td class="ycell" th:text="${manhole.mdepth}"></td>
          <td class="ncell">(35) Cover level (mPD)</td>
          <td class="ycell" th:text="${manhole.mcover}"></td>
          <td class="ncell" colspan="4"></td>
        </tr>
      </table>
      <!-- 表格1完成 -->
      
      <table class="apache">
        <tr><td>A</td></tr>
        <tr><td>B</td></tr>
        <tr><td>C</td></tr>
        <tr><td>D</td></tr>
        <tr><td>E</td></tr>
        <tr><td>F</td></tr>
        <tr><td>G</td></tr>
        <tr><td>H</td></tr>
      </table>
      <!-- 表格2开始 -->
      <table id="table2" class="table">
        <thead>
        <tr height="15px">
          <td rowspan="2">(36) Upstream.Ref</td>
          <td rowspan="2">(37) Pipe shape*</td>
          <td rowspan="2" colspan="3">(38) Pipe size (mm)</td>
          <td rowspan="2">(39) Backdrop (mm)</td>
          <td rowspan="2">(40) Pipe material</td>
          <td rowspan="2">(41) Lining</td>
          <td rowspan="2">(42) Pipe depth(m)</td>
          <td rowspan="2">(43) Invert level</td>
          <td rowspan="2">(71) Photo no.</td>
          <td colspan="2">(63) For office use</td>
        </tr>
        <tr height="15px"><td>Wall No.</td><td>Location (m).</td></tr>
        </thead>
        <tbody>
        <tr th:each="pipe,status:${pipes}" th:if="${status.index<8}">
          <td width="100px" th:text="${pipe.upstream}"></td>
          <td width="100px" th:text="${pipe.shape}"></td>
          <td width="110px" th:text="${pipe.size1}"></td>
          <td width="44px">*</td>
          <td width="110px" th:text="${pipe.size2}"></td>
          <td width="100px" th:text="${pipe.backdrop}"></td>
          <td width="100px" th:text="${pipe.material}"></td>
          <td width="100px" th:text="${pipe.lining}"></td>
          <td width="100px" th:text="${pipe.depth}"></td>
          <td width="100px" th:text="${pipe.level}"></td>
          <td width="100px" th:text="${pipe.photo}"></td>
          <td width="148px" th:text="${pipe.office1}"></td>
          <td width="148px" th:text="${pipe.office2}"></td>
        </tr>
        </tbody>
      </table>
      
      <!-- 表格CCTV 和 CRITY开始 -->
      <div style="width:100px;height:34px;margin-top:10px;float:left;"></div>
      <table id="itab1" class="table">
        <tr height="32px"><td>(44) CCTV COND</td><td th:text="${manhole.cond}"></td></tr>
      </table>
      <table id="itab2" class="table">
        <tr height="32px"><td>(45) CRITY</td><td th:text="${manhole.crit}"></td></tr>
      </table>
      <div style="width:832px;height:34px;margin-top:10px;float:left;"></div>
      <!-- 表格CCTV 和 CRITY结束 -->
      
      <table class="apache">
        <tr><td>X</td></tr>
        <tr><td>Y</td></tr>
      </table>
      <!-- 表格3 -->
      <table id="table3" class="table">
        <thead>
        <tr height="15px">
          <td rowspan="2">(36) Upstream.Ref</td>
          <td rowspan="2">(37) Pipe shape*</td>
          <td rowspan="2" colspan="3">(38) Pipe size (mm)</td>
          <td rowspan="2">(39) Backdrop (mm)</td>
          <td rowspan="2">(40) Pipe material</td>
          <td rowspan="2">(41) Lining</td>
          <td rowspan="2">(42) Pipe depth(m)</td>
          <td rowspan="2">(43) Invert level</td>
          <td rowspan="2">(71) Photo no.</td>
          <td colspan="2">(63) For office use</td>
        </tr>
        <tr height="15px">
          <td>Wall No.</td>
          <td>Location (m).</td></tr>
        </thead>
        <tbody>
        <tr th:each="pipe,status:${pipes}" th:if="${status.index > 7}">
          <td width="100px" th:text="${pipe.upstream}"></td>
          <td width="100px" th:text="${pipe.shape}"></td>
          <td width="110px" th:text="${pipe.size1}"></td>
          <td width="44px">*</td>
          <td width="110px" th:text="${pipe.size2}"></td>
          <td width="100px" th:text="${pipe.backdrop}"></td>
          <td width="100px" th:text="${pipe.material}"></td>
          <td width="100px" th:text="${pipe.lining}"></td>
          <td width="100px" th:text="${pipe.depth}"></td>
          <td width="100px" th:text="${pipe.level}"></td>
          <td width="100px" th:text="${pipe.photo}"></td>
          <td width="148px" th:text="${pipe.office1}"></td>
          <td width="148px" th:text="${pipe.office2}"></td>
        </tr>
        </tbody>
      </table>
      
      <!-- 表格ptab开始 -->
      <table style="width:100px;margin-top:10px;float:left;" class="table">
        <tr height="32px"><td style="font-weight:600;">Conditions</td></tr>
        <tr height="32px"><td style="font-weight:600;">(52) Photo no.</td></tr>
      </table>
      <table class="ptab table">
        <tr><td>(46) Cover</td><td th:text="${manhole.cover}"></td></tr>
        <tr><td colspan="2" th:text="${manhole.photo1}"></td></tr>
      </table>
      <table class="ptab table">
        <tr><td>(47) Iron / Ladder</td><td th:text="${manhole.iron}"></td></tr>
        <tr><td colspan="2" th:text="${manhole.photo2}"></td></tr>
      </table>
      <table class="ptab table">
        <tr><td>(48) Shaft</td><td th:text="${manhole.shaft}"></td></tr>
        <tr><td colspan="2" th:text="${manhole.photo3}"></td></tr>
      </table>
      <table class="ptab table">
        <tr><td>(49) Chamber</td><td th:text="${manhole.chambers}"></td></tr>
        <tr><td colspan="2" th:text="${manhole.photo4}"></td></tr>
      </table>
      <table class="ptab table">
        <tr><td>(50) Benching</td><td th:text="${manhole.benching}"></td></tr>
        <tr><td colspan="2" th:text="${manhole.photo5}"></td></tr>
      </table>
      <table class="ptab table" style="margin-right:0px;">
        <tr><td>(51) Others</td><td th:text="${manhole.other}"></td></tr>
        <tr><td colspan="2" th:text="${manhole.photo6}"></td></tr>
      </table>
      
      <!-- 表格4 -->
      <table id="table4" class="table">
        <tr>
          <td width="100px">(53) UTR</td>
          <td width="100px" align="center" th:text="${manhole.util1}"></td>
          <td width="130px" rowspan="2">(59) Location photo no.</td>
          <td width="202px" rowspan="2" align="center" th:text="${manhole.photono1}"></td>
        </tr>
        <tr><td>(54) UTL</td><td align="center" th:text="${manhole.util2}"></td></tr>
        <tr>
          <td>(55) UTGA</td>
          <td align="center" th:text="${manhole.util3}"></td>
          <td rowspan="2">(60) Internal photo no.</td>
          <td rowspan="2" align="center" th:text="${manhole.photono2}"></td>
        </tr>
        <tr><td>(56) UTS</td><td align="center" th:text="${manhole.util4}"></td></tr>
        <tr>
          <td>(57) JETTING</td>
          <td align="center" th:text="${manhole.util5}"></td>
          <td rowspan="2">Slope No. </td>
          <td rowspan="2" align="center" th:text="${manhole.slopeno}"></td>
        </tr>
        <tr><td>(58) ON-SLOPE</td><td align="center" th:text="${manhole.util6}"></td></tr>
      </table>
      
      <!-- 表格5 -->
      <table id="table5" class="table">
        <tr>
          <td>(63) Remarks</td>
          <td colspan="6" align="center" th:text="${manhole.remarks}"></td></tr>
        <tr>
          <td>(64) Record plan difference</td>
          <td align="center" th:text="${manhole.dplan}"></td>
          <td colspan="5" align="center" th:text="${manhole.rplan}"></td>
        </tr>
        <tr>
          <td width="100px">(65) Cover type</td>
          <td width="100px" class="ctype1" th:if="${#strings.substring(manhole.ctype,0,1)=='Y'}">Standard</td>
          <td width="100px" class="ctype2" th:if="${#strings.substring(manhole.ctype,0,1)!='Y'}">Standard</td>
          <td width="100px" class="ctype1" th:if="${#strings.substring(manhole.ctype,2,3)=='Y'}">Standard - Large</td>
          <td width="100px" class="ctype2" th:if="${#strings.substring(manhole.ctype,2,3)!='Y'}">Standard - Large</td>
          <td width="100px" class="ctype1" th:if="${#strings.substring(manhole.ctype,4,5)=='Y'}">Multiple Cover</td>
          <td width="100px" class="ctype2" th:if="${#strings.substring(manhole.ctype,4,5)!='Y'}">Multiple Cover</td>
          <td width="100px" class="ctype1" th:if="${#strings.substring(manhole.ctype,6,7)=='Y'}">Large</td>
          <td width="100px" class="ctype2" th:if="${#strings.substring(manhole.ctype,6,7)!='Y'}">Large</td>
          <td width="100px" class="ctype1" th:if="${#strings.substring(manhole.ctype,8,9)=='Y'}">With decoration<br/>cover</td>
          <td width="100px" class="ctype2" th:if="${#strings.substring(manhole.ctype,8,9)!='Y'}">With decoration<br/>cover</td>
          <td width="195px" align="center" th:text="${manhole.rtype}"></td>
        </tr>
      </table>
      
      <!-- 表格6 -->
      <table id="table6" class="table">
        <tr height="32px;">
          <td width="730px">(66) Location Sketch</td>
          <td width="730px">(67) Plan of MH</td>
        </tr>
        <tr height="480px">
          <td style="background-image:url('/survey/img/mbg.png');text-align:center;">
            <img th:if="${!#strings.isEmpty(manhole.path1)}" th:src="${path + manhole.path1 + '.png'}"/>
          </td>
          <td style="background-image:url('/survey/img/mbg.png');text-align:center;">
            <img th:if="${!#strings.isEmpty(manhole.path2)}" th:src="${path + manhole.path2 + '.png'}"/>
          </td>
        </tr>
      </table>
      
      <!-- 表格7 -->
      <table id="table7" class="table">
        <tr><td>(68) With Risk Assessment</td><td align="center" th:text="${manhole.with1}"></td></tr>
        <tr><td>(69) With Permit to Work</td><td align="center" th:text="${manhole.with2}"></td></tr>
        <tr><td>(70) With Traffic Permit</td><td align="center" th:text="${manhole.with3}"></td></tr>
      </table>
      </div>
      
      <div id="title2">图片信息</div>
      <div id="value2">
        <table class="table" th:each="item:${items}">
          <tr height="80px" align="center">
            <td colspan="3"><img src="/survey/img/title.png"></td>
            <td colspan="2"><div class="title">Manhole Survey Photographs</div></td>
          </tr>
          <tr height="25px">
            <td width="120px" style="text-indent:5px;">Project No.:</td>
            <td width="120px" class="icell" th:text="${manhole.projectno}"></td>
            <td width="120px"></td>
            <td width="120px">Manhole Reference: </td>
            <td width="120px" class="icell" th:text="${manhole.node}"></td>
          </tr>
          <tr height="25px">
            <td style="text-indent:5px;">WO No.: </td>
            <td class="icell" th:text="${manhole.workorder}"></td>
            <td colspan="3"></td>
          </tr>
          <tr height="5px"><td colspan="5"></td></tr>
          <!-- 输出图片 -->
          <tr>
            <td rowspan="8" colspan="4" align="center" class="mcell">
              <img th:if="${!#strings.isEmpty(item.path1)}" th:src="${path + item.path1 + '.png'}"/>
            </td>
            <td height="25px" class="mcell">Photograph No. :</td>
          </tr>
          <tr><td height="50px" class="mcell" align="center" th:text="${item.photo1}"></td></tr>
          <tr><td height="25px" class="mcell">Location:</td></tr>
          <tr><td height="50px" class="mcell" align="center" th:text="${item.explain1}"></td></tr>
          <tr><td height="25px" class="mcell">Description:</td></tr>
          <tr><td height="50px" class="mcell" align="center">Manhole Location</td></tr>
          <tr><td height="25px" class="mcell">Remark:</td></tr>
          <tr><td height="50px" class="mcell" th:text="${item.remark1}"></td></tr>
          <tr height="32px"><td colspan="5" class="mcell"></td></tr>
          <tr>
            <td rowspan="8" colspan="4" class="mcell" align="center">
              <img th:if="${!#strings.isEmpty(item.path2)}" th:src="${path + item.path2 + '.png'}"/>
            </td>
            <td height="25px" class="mcell">Photograph No. :</td>
          </tr>
          <tr><td height="50px" class="mcell" align="center" th:text="${item.photo2}"></td></tr>
          <tr><td height="25px" class="mcell">Location:</td></tr>
          <tr><td height="50px" class="mcell" align="center" th:text="${item.explain2}"></td></tr>
          <tr><td height="25px" class="mcell">Description:</td></tr>
          <tr><td height="50px" class="mcell" align="center">Manhole Location</td></tr>
          <tr><td height="25px" class="mcell">Remark:</td></tr>
          <tr><td height="50px" class="mcell" th:text="${item.remark1}"></td></tr>
        </table>
      </div>
      
      <div id="mark" class="mark1">
        <div id="title3">评分信息</div>
        <form id="form1" action="update" method="post">
        <input type="hidden" name="id" th:value="${param.id}"/>
        <div class="markinfo">
          <div style="height:030px;">项目分数：</div>
          <input type="text" name="score" th:value="${markPipe.score}"/>
          <div style="height:150px;">备注说明：</div>
          <textarea name="remark" th:text="${markPipe.remark}"></textarea>
        </div>
        </form>
        <div class="explains">
          <span style="font-weight:600;margin-top:3px;">评分规则：</span>
          <span>1、90-100分：优秀。超越本职位常规标准要求。在规定的时间内完成任务，数量、质量等超出规定标准。</span>
          <span>2、80-89分：良好。超出本职位常规标准要求。严格按照规定的时间完成任务，数量、质量上超出规定的标准。</span>
          <span>3、70-79分：一般。经常维持或偶尔超出本职位常规标准要求。基本达到规定的时间、数量、质量等工作标准。</span>
          <span>4、60-69分：合格。基本维持或偶尔未达到本职位常规标准要求。数量、质量上达不到规定的工作标准。</span>
        </div>
        <input type="button" value="确定" class="commit"/>
      </div>
    </div>
    <div id="tips"></div>
    <div style="width:100%;margin-top:20px;float:left;color:#ccc;text-align: center;font-size:14px;">
      <p>香港麦斯迪埃高科技有限责任公司</p>
      <p>Copyright © 2017 All Rights Reserved</p>	
    </div>
  </body>
</html>